:root {
  /* theme name */
  --formkit-theme: genesis;

  /* typography */
  --fk-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  --fk-font-family-input: var(--fk-font-family);
  --fk-font-family-label: var(--fk-font-family);
  --fk-font-family-legend: var(--fk-font-family-label);
  --fk-font-family-option: var(--fk-font-family-input);
  --fk-font-family-help: var(--fk-font-family);
  --fk-font-family-message: var(--fk-font-family);

  --fk-font-weight: 400;
  --fk-font-weight-input: var(--fk-font-weight);
  --fk-font-weight-label: 700;
  --fk-font-weight-legend: var(--fk-font-weight-label, bold);
  --fk-font-weight-help: var(--fk-font-weight);
  --fk-font-weight-option: var(--fk-font-weight);
  --fk-font-weight-message: var(--fk-font-weight);

  --fk-font-size: 1em;
  --fk-font-size-input: var(--fk-font-size);
  --fk-font-size-label: 0.875em;
  --fk-font-size-legend: 0.875em;
  --fk-font-size-help: 0.8125em;
  --fk-font-size-remove: 0.8125em;
  --fk-font-size-option: 0.9em;
  --fk-font-size-message: 0.8125em;
  --fk-font-size-button: 0.875em;
  --fk-font-size-summary: 1.25em;

  --fk-line-height: 1.1;
  --fk-line-height-label: var(--fk-line-height);
  --fk-line-height-help: var(--fk-line-height);
  --fk-line-height-option: var(--fk-line-height);
  --fk-line-height-message: var(--fk-line-height);
  --fk-line-height-textarea: var(--fk-line-height);
  --fk-line-height-input: 1.125em; /* Important to ensure equal height inputs. */
  --fk-line-height-button: 1.3;

  /* Structure */
  --fk-max-width-input: 25em;
  --fk-box-size: 1.25em;

  /* Colors */
  --fk-color-primary: #006ff9;
  --fk-color-checked: var(--fk-color-primary);
  --fk-color-input: #000;
  --fk-color-input-selection: rgba(0, 122, 255, 25%);
  --fk-color-border: #94929c;
  --fk-color-border-focus: var(--fk-color-primary);
  --fk-color-danger: #ea0000;
  --fk-color-error: var(--fk-color-danger);
  --fk-color-placeholder: #767676;
  --fk-color-disabled: rgba(0 0 0 / 10%);
  --fk-color-help: rgba(0 0 0 / 60%);
  /* --fk-color-message: inherit; */
  --fk-color-icon: rgba(0 0 0 / 80%);
  --fk-color-icon-minor: rgba(0 0 0 / 55%);
  --fk-color-button: #fff;
  --fk-color-button-hover: #fff;
  --fk-color-submit: var(--fk-color-button);
  --fk-color-submit-hover: var(--fk-color-button-hover);
  --fk-color-range-track: var(--fk-color-border);
  --fk-color-range-thumb: var(--fk-color-primary);
  --fk-focus-ring-color: rgb(50 100 203 / 31%);
  --fk-error-ring-color: rgb(235 0 0 / 60%);
  --fk-error-ring-focus-color: rgb(235 0 0 / 30%);



  --fk-bg-input: transparent;
  --fk-bg-disabled: rgba(0 0 0 / 5%);
  --fk-bg-decorator: linear-gradient(0deg, rgba(0, 0, 0, 0.07), transparent);
  --fk-bg-button: var(--fk-color-primary);
  --fk-bg-button-hover: var(--fk-bg-button);
  --fk-bg-submit: var(--fk-bg-button);
  --fk-bg-submit-hover: var(--fk-bg-submit);

  /* Borders */
  --fk-border-width: 1px;
  --fk-border-width-decorator: var(--fk-border-width);
  --fk-border-width-focus: 2px;
  --fk-border-width-checked: 1px;
  --fk-border-width-decorator-checked: 2px;
  --fk-border-width-decorator-focus: var(--fk-border-width-decorator-checked);
  --fk-border-width-decorator-focus-visible: var(--fk-border-width-focus);
  --fk-border-style: solid;
  --fk-border: var(--fk-border-width) var(--fk-border-style) var(--fk-color-border);
  --fk-border-focus: var(--fk-border-width-focus) var(--fk-border-style) var(--fk-color-border-focus);
  --fk-border-decorator: var(--fk-border-width-decorator) var(--fk-border-style) var(--fk-color-border);
  --fk-border-decorator-focus: var(--fk-border-width-focus) var(--fk-border-style) var(--fk-color-border-focus);
  --fk-border-decorator-focus-visible: var(--fk-border-width-decorator-focus-visible) var(--fk-border-style) var(--fk-color-border-focus);
  --fk-border-decorator-checked: var(--fk-border-width-checked) var(--fk-border-style) var(--fk-color-border-focus);
  --fk-border-box-shadow: 0 0 0 var(--fk-border-width) var(--fk-color-border);
  --fk-border-box-shadow-focus: 0 0 0 var(--fk-border-width-focus) var(--fk-color-border-focus);
  --fk-border-box-shadow-decorator: 0 0 0 var(--fk-border-width-decorator);
  --fk-border-box-shadow-decorator-focus: 0 0 0 var(--fk-border-width-decorator-focus) var(--fk-color-border-focus);
  --fk-border-box-shadow-decorator-focus-visible: 0 0 0 var(--fk-border-width-decorator-focus-visible) var(--fk-color-border-focus);
  --fk-border-box-shadow-decorator-checked: 0 0 0 var(--fk-border-width-decorator-checked) var(--fk-color-border-focus);
  --fk-border-box-shadow-invalid: 0 0 0 var(--fk-border-width-decorator-focus-visible) var(--fk-error-ring-color);
  --fk-border-radius-tl: 0.25em;
  --fk-border-radius-tr: 0.25em;
  --fk-border-radius-bl: 0.25em;
  --fk-border-radius-br: 0.25em;
  --fk-border-radius: var(--fk-border-radius-tl, 0.25em) var(--fk-border-radius-tr, 0.25em) var(--fk-border-radius-br, 0.25em) var(--fk-border-radius-bl, 0.25em);
  --fk-border-radius-full: 999em;
  --fk-focus-ring: 0.25em;
  --fk-error-ring: 3px;
  --fk-error-ring-offset: 2px;

  /* Padding */
  --fk-padding-base: 0.25em;

  --fk-padding-input-x: calc(var(--fk-padding-base) * 3);
  --fk-padding-input-y: calc(var(--fk-padding-base) * 3);
  --fk-padding-input-t: var(--fk-padding-input-y, 0);
  --fk-padding-input-r: var(--fk-padding-input-x, 0);
  --fk-padding-input-b: var(--fk-padding-input-y, 0);
  --fk-padding-input-l: var(--fk-padding-input-x, 0);
  --fk-padding-input: var(--fk-padding-input-t) var(--fk-padding-input-r) var(--fk-padding-input-b) var(--fk-padding-input-l);

  --fk-padding-label-x: inherit;
  --fk-padding-label-y: inherit;
  --fk-padding-label-t: var(--fk-padding-label-y, 0);
  --fk-padding-label-r: var(--fk-padding-label-x, 0);
  --fk-padding-label-b: var(--fk-padding-label-y, 0.5em);
  --fk-padding-label-l: var(--fk-padding-label-x, 0);
  --fk-padding-label: var(--fk-padding-label-t) var(--fk-padding-label-r) var(--fk-padding-label-b) var(--fk-padding-label-l);

  --fk-padding-help-x: inherit;
  --fk-padding-help-y: var(--fk-padding-base);
  --fk-padding-help-t: var(--fk-padding-help-y, 0);
  --fk-padding-help-r: var(--fk-padding-help-x, 0);
  --fk-padding-help-b: var(--fk-padding-help-y, 0);
  --fk-padding-help-l: var(--fk-padding-help-x, 0);
  --fk-padding-help: var(--fk-padding-help-t) var(--fk-padding-help-r) var(--fk-padding-help-b) var(--fk-padding-help-l);

  --fk-padding-option-x: inherit;
  --fk-padding-option-y: inherit;
  --fk-padding-option-t: var(--fk-padding-option-y, 0);
  --fk-padding-option-r: var(--fk-padding-option-x, 0);
  --fk-padding-option-b: var(--fk-padding-option-y, 0);
  --fk-padding-option-l: var(--fk-padding-option-x, 0);
  --fk-padding-option: var(--fk-padding-option-t) var(--fk-padding-option-r) var(--fk-padding-option-b) var(--fk-padding-option-l);

  --fk-padding-messages-x: inherit;
  --fk-padding-messages-y: inherit;
  --fk-padding-messages-t: var(--fk-padding-messages-y, var(--fk-padding-base));
  --fk-padding-messages-r: var(--fk-padding-messages-x, 0);
  --fk-padding-messages-b: var(--fk-padding-messages-y, 0);
  --fk-padding-messages-l: var(--fk-padding-messages-x, 0);
  --fk-padding-messages: var(--fk-padding-messages-t) var(--fk-padding-messages-r) var(--fk-padding-messages-b) var(--fk-padding-messages-l);

  --fk-padding-message-x: inherit;
  --fk-padding-message-y: var(--fk-padding-base);
  --fk-padding-message-t: var(--fk-padding-message-y, 0);
  --fk-padding-message-r: var(--fk-padding-message-x, 0);
  --fk-padding-message-b: var(--fk-padding-message-y, 0);
  --fk-padding-message-l: var(--fk-padding-message-x, 0);
  --fk-padding-message: var(--fk-padding-message-t) var(--fk-padding-message-r) var(--fk-padding-message-b) var(--fk-padding-message-l);

  --fk-padding-legend-x: 0.25em;
  --fk-padding-legend-y: 0.25em;
  --fk-padding-legend-t: var(--fk-padding-legend-y);
  --fk-padding-legend-r: var(--fk-padding-legend-x);
  --fk-padding-legend-b: var(--fk-padding-legend-y);
  --fk-padding-legend-l: var(--fk-padding-legend-x);
  --fk-padding-legend: var(--fk-padding-legend-t) var(--fk-padding-legend-r) var(--fk-padding-legend-b) var(--fk-padding-legend-l);

  --fk-padding-fieldset-x: var(--fk-padding-input-x);
  --fk-padding-fieldset-y: var(--fk-padding-input-y);
  --fk-padding-fieldset-t: var(--fk-padding-fieldset-y);
  --fk-padding-fieldset-r: var(--fk-padding-fieldset-x);
  --fk-padding-fieldset-b: var(--fk-padding-fieldset-y);
  --fk-padding-fieldset-l: var(--fk-padding-fieldset-x);
  --fk-padding-fieldset: var(--fk-padding-fieldset-t) var(--fk-padding-fieldset-r) var(--fk-padding-fieldset-b) var(--fk-padding-fieldset-l);

  --fk-padding-decorator-x: inherit;
  --fk-padding-decorator-y: var(--fk-padding-base);
  --fk-padding-decorator-t: var(--fk-padding-decorator-y, 1.25em);
  --fk-padding-decorator-r: var(--fk-padding-decorator-x, 1.25em);
  --fk-padding-decorator-b: var(--fk-padding-decorator-y, 1.25em);
  --fk-padding-decorator-l: var(--fk-padding-decorator-x, 1.25em);
  --fk-padding-decorator: var(--fk-padding-decorator-t) var(--fk-padding-decorator-r) var(--fk-padding-decorator-b) var(--fk-padding-decorator-l);

  --fk-padding-button-x: calc(var(--fk-padding-base) * 8);
  --fk-padding-button-y: calc(var(--fk-padding-base) * 3);
  --fk-padding-button-t: var(--fk-padding-button-y);
  --fk-padding-button-r: var(--fk-padding-button-x);
  --fk-padding-button-b: var(--fk-padding-button-y);
  --fk-padding-button-l: var(--fk-padding-button-x);
  --fk-padding-button: var(--fk-padding-button-t) var(--fk-padding-button-r) var(--fk-padding-button-b) var(--fk-padding-button-l);

  /* Margin */
  --fk-margin-base: 0.5em;

  --fk-margin-outer-x: inherit;
  --fk-margin-outer-y: inherit;
  --fk-margin-outer-t: var(--fk-margin-outer-y, 0);
  --fk-margin-outer-r: var(--fk-margin-outer-x, 0);
  --fk-margin-outer-b: var(--fk-margin-outer-y, calc(var(--fk-margin-base) * 2));
  --fk-margin-outer-l: var(--fk-margin-outer-x, 0);
  --fk-margin-outer: var(--fk-margin-outer-t) var(--fk-margin-outer-r) var(--fk-margin-outer-b) var(--fk-margin-outer-l);

  --fk-margin-wrapper-x: inherit;
  --fk-margin-wrapper-y: inherit;
  --fk-margin-wrapper-t: var(--fk-margin-wrapper-y, 0);
  --fk-margin-wrapper-r: var(--fk-margin-wrapper-x, 0);
  --fk-margin-wrapper-b: var(--fk-margin-wrapper-y, 0);
  --fk-margin-wrapper-l: var(--fk-margin-wrapper-x, 0);
  --fk-margin-wrapper: var(--fk-margin-wrapper-t) var(--fk-margin-wrapper-r) var(--fk-margin-wrapper-b) var(--fk-margin-wrapper-l);

  --fk-margin-input-x: inherit;
  --fk-margin-input-y: inherit;
  --fk-margin-input-t: var(--fk-margin-input-y, 0);
  --fk-margin-input-r: var(--fk-margin-input-x, 0);
  --fk-margin-input-b: var(--fk-margin-input-y, 0);
  --fk-margin-input-l: var(--fk-margin-input-x, 0);
  --fk-margin-input: var(--fk-margin-input-t) var(--fk-margin-input-r) var(--fk-margin-input-b) var(--fk-margin-input-l);

  --fk-margin-label-x: inherit;
  --fk-margin-label-y: 0;
  --fk-margin-label-t: var(--fk-margin-label-y, 0);
  --fk-margin-label-r: var(--fk-margin-label-x, 0);
  --fk-margin-label-b: var(--fk-margin-label-y, var(--fk-margin-base));
  --fk-margin-label-l: var(--fk-margin-label-x, 0);
  --fk-margin-label: var(--fk-margin-label-t) var(--fk-margin-label-r) var(--fk-margin-label-b) var(--fk-margin-label-l);

  --fk-margin-help-x: inherit;
  --fk-margin-help-y: 0.3em;
  --fk-margin-help-t: var(--fk-margin-help-y, 0);
  --fk-margin-help-r: var(--fk-margin-help-x, 0);
  --fk-margin-help-b: 0;
  --fk-margin-help-l: var(--fk-margin-help-x, 0);
  --fk-margin-help: var(--fk-margin-help-t) var(--fk-margin-help-r) var(--fk-margin-help-b) var(--fk-margin-help-l);

  --fk-margin-option-x: inherit;
  --fk-margin-option-y: inherit;
  --fk-margin-option-t: var(--fk-margin-option-y, 0);
  --fk-margin-option-r: var(--fk-margin-option-x, 0);
  --fk-margin-option-b: var(--fk-margin-option-y, 0.625em);
  --fk-margin-option-l: var(--fk-margin-option-x, 0);
  --fk-margin-option: var(--fk-margin-option-t) var(--fk-margin-option-r) var(--fk-margin-option-b) var(--fk-margin-option-l);

  --fk-margin-message-x: inherit;
  --fk-margin-message-y: inherit;
  --fk-margin-message-t: var(--fk-margin-message-y, 0);
  --fk-margin-message-r: var(--fk-margin-message-x, 0);
  --fk-margin-message-b: var(--fk-margin-message-y, 0);
  --fk-margin-message-l: var(--fk-margin-message-x, 0);
  --fk-margin-message: var(--fk-margin-message-t) var(--fk-margin-message-r) var(--fk-margin-message-b) var(--fk-margin-message-l);

  --fk-margin-legend-x: 0em;
  --fk-margin-legend-y: inherit;
  --fk-margin-legend-t: var(--fk-margin-legend-y, 0);
  --fk-margin-legend-r: var(--fk-margin-legend-x, 0);
  --fk-margin-legend-b: var(--fk-margin-legend-y, 0);
  --fk-margin-legend-l: var(--fk-margin-legend-x, 0);
  --fk-margin-legend: var(--fk-margin-legend-t) var(--fk-margin-legend-r) var(--fk-margin-legend-b) var(--fk-margin-legend-l);

  --fk-margin-fieldset-x: inherit;
  --fk-margin-fieldset-y: inherit;
  --fk-margin-fieldset-t: var(--fk-margin-fieldset-y, 0);
  --fk-margin-fieldset-r: var(--fk-margin-fieldset-x, 0);
  --fk-margin-fieldset-b: var(--fk-margin-fieldset-y, 0);
  --fk-margin-fieldset-l: var(--fk-margin-fieldset-x, 0);
  --fk-margin-fieldset: var(--fk-margin-fieldset-t) var(--fk-margin-fieldset-r) var(--fk-margin-fieldset-b) var(--fk-margin-fieldset-l);

  --fk-margin-decorator-x: inherit;
  --fk-margin-decorator-y: inherit;
  --fk-margin-decorator-t: var(--fk-margin-decorator-y, 0);
  --fk-margin-decorator-r: var(--fk-margin-decorator-x, 0.5em);
  --fk-margin-decorator-b: var(--fk-margin-decorator-y, 0);
  --fk-margin-decorator-l: var(--fk-margin-decorator-x, 0);
  --fk-margin-decorator: var(--fk-margin-decorator-t) var(--fk-margin-decorator-r) var(--fk-margin-decorator-b) var(--fk-margin-decorator-l);

  --fk-margin-button-x: inherit;
  --fk-margin-button-y: inherit;
  --fk-margin-button-t: var(--fk-margin-button-y, 0);
  --fk-margin-button-r: var(--fk-margin-button-x, 0.5em);
  --fk-margin-button-b: var(--fk-margin-button-y, 0);
  --fk-margin-button-l: var(--fk-margin-button-x, 0);
  --fk-margin-button: var(--fk-margin-button-t) var(--fk-margin-button-r) var(--fk-margin-button-b) var(--fk-margin-button-l);

  /* default icons */
  --fk-icon-close: PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxNiI+PHBhdGggZD0iTTEwLDEyLjVjLS4xMywwLS4yNi0uMDUtLjM1LS4xNUwxLjY1LDQuMzVjLS4yLS4yLS4yLS41MSwwLS43MSwuMi0uMiwuNTEtLjIsLjcxLDBMMTAuMzUsMTEuNjVjLjIsLjIsLjIsLjUxLDAsLjcxLS4xLC4xLS4yMywuMTUtLjM1LC4xNVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Ik0yLDEyLjVjLS4xMywwLS4yNi0uMDUtLjM1LS4xNS0uMi0uMi0uMi0uNTEsMC0uNzFMOS42NSwzLjY1Yy4yLS4yLC41MS0uMiwuNzEsMCwuMiwuMiwuMiwuNTEsMCwuNzFMMi4zNSwxMi4zNWMtLjEsLjEtLjIzLC4xNS0uMzUsLjE1WiIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+;
  --fk-icon-down: PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiA3Ij48cGF0aCBkPSJNOCw2LjVjLS4xMywwLS4yNi0uMDUtLjM1LS4xNUwzLjE1LDEuODVjLS4yLS4yLS4yLS41MSwwLS43MSwuMi0uMiwuNTEtLjIsLjcxLDBsNC4xNSw0LjE1TDEyLjE1LDEuMTVjLjItLjIsLjUxLS4yLC43MSwwLC4yLC4yLC4yLC41MSwwLC43MWwtNC41LDQuNWMtLjEsLjEtLjIzLC4xNS0uMzUsLjE1WiIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+;
  --fk-icon-fileDoc: PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNiI+PHBhdGggZD0iTTEyLjUsMTZIMi41Yy0uODMsMC0xLjUtLjY3LTEuNS0xLjVWMS41YzAtLjgzLC42Ny0xLjUsMS41LTEuNWg3LjA5Yy40LDAsLjc4LC4xNiwxLjA2LC40NGwyLjkxLDIuOTFjLjI4LC4yOCwuNDQsLjY2LC40NCwxLjA2VjE0LjVjMCwuODMtLjY3LDEuNS0xLjUsMS41Wk0yLjUsMWMtLjI4LDAtLjUsLjIyLS41LC41VjE0LjVjMCwuMjgsLjIyLC41LC41LC41SDEyLjVjLjI4LDAsLjUtLjIyLC41LS41VjQuNDFjMC0uMTMtLjA1LS4yNi0uMTUtLjM1bC0yLjkxLTIuOTFjLS4wOS0uMDktLjIyLS4xNS0uMzUtLjE1SDIuNVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Ik0xMy4zOCw1aC0yLjkxYy0uODEsMC0xLjQ3LS42Ni0xLjQ3LTEuNDdWLjYyYzAtLjI4LC4yMi0uNSwuNS0uNXMuNSwuMjIsLjUsLjVWMy41M2MwLC4yNiwuMjEsLjQ3LC40NywuNDdoMi45MWMuMjgsMCwuNSwuMjIsLjUsLjVzLS4yMiwuNS0uNSwuNVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Ik0xMCwxM0g1Yy0uMjgsMC0uNS0uMjItLjUtLjVzLjIyLS41LC41LS41aDVjLjI4LDAsLjUsLjIyLC41LC41cy0uMjIsLjUtLjUsLjVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48cGF0aCBkPSJNMTAsMTBINWMtLjI4LDAtLjUtLjIyLS41LS41cy4yMi0uNSwuNS0uNWg1Yy4yOCwwLC41LC4yMiwuNSwuNXMtLjIyLC41LS41LC41WiIgZmlsbD0iY3VycmVudENvbG9yIi8+PHBhdGggZD0iTTcsN2gtMmMtLjI4LDAtLjUtLjIyLS41LS41cy4yMi0uNSwuNS0uNWgyYy4yOCwwLC41LC4yMiwuNSwuNXMtLjIyLC41LS41LC41WiIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+Cg==;
  --fk-icon-check: PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAyNyI+PHBvbHlnb24gZmlsbD0iY3VycmVudENvbG9yIiBwb2ludHM9IjI2Ljk5IDAgMTAuMTMgMTcuMTcgNC42OSAxMS42MyAwIDE2LjQxIDEwLjQgMjcgMTUuMDUgMjIuMjcgMTUuMDkgMjIuMzEgMzIgNS4xIDI2Ljk5IDAiLz48L3N2Zz4=;
  --fk-icon-circle: PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGNpcmNsZSBmaWxsPSJjdXJyZW50Q29sb3IiIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIvPjwvc3ZnPg==;

  /* icons by location name */
  --fk-icon-fileItem: var(--fk-icon-fileDoc);
  --fk-icon-fileRemove: var(--fk-icon-close);
  --fk-icon-noFiles: var(--fk-icon-fileDoc);
  --fk-icon-select: var(--fk-icon-down);
  --fk-icon-checkboxDecorator: var(--fk-icon-check);
  --fk-icon-radioDecorator: var(--fk-icon-circle);
}
